<script setup lang="ts">
// 定义组件参数
defineProps({
  showTileState: {
    type: Boolean,
    default: false,
  },
  item: {
    type: Object,
    required: true,
  },
})
</script>
<template>
  <div class="ryCard">
    <div class="ryCardHeaderOp" v-if="showTileState">
      <div class="ryCardTitleOp">公司活动</div>
      <div class="ryCardTitleOpMore" to="/activityList">
        <RouterLink to="/activityList" class="router-link-active">更多</RouterLink>
      </div>
    </div>
    <RouterLink
      :to="{ path: '/activityDetail', query: { actCode: item.code } }"
      class="router-link-active"
    >
      <div class="cardActivityContent">
        <div class="cardActivityContentImage">
          <img :src="item.frontPicture" alt="" />
        </div>
        <div class="cardContentRight">
          <div class="contentTile">{{ item.title }}</div>
          <div class="contentTime">
            <label>报名时间：</label>
            <span>{{ item.signUpBeginTime }}至{{ item.signUpEndTime }}</span>
          </div>
          <div class="contentTime">
            <label>活动时间:</label>
            <span class="price">{{ item.actActtivityDateStr }}</span>
          </div>
          <div class="contentTime">
            <label>活动地点:</label>
            <span class="price">{{ item.actAddress }}</span>
          </div>
        </div>
      </div>
    </RouterLink>
  </div>
</template>
<script lang="ts" setup></script>
<style lang="css" scoped></style>
